<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="kuiba.png" />
    <title>妖侠都|维护公告</title>
    <style>
        body {
            margin: 0;
            background-color: #f5faff;
        }
        ::-webkit-scrollbar {
            display: none;
        }
        .info-main {
            width: 800px;
            min-height: 400px;
            height: fit-content;
            position: relative;
            margin: 60px auto;
            padding: 20px;
            border-radius: 80px;
        }
        .info-logo {
            position: absolute;
            top: 40px;
            left: 20px;
        }
        .info-title {
            letter-spacing: 4px;
            font-weight: 900;
            text-align: center;
            color: #87cefa;
        }
        .info-to {
            font-size: 20px;
            letter-spacing: 3px;
        }
        .info-p {
            font-size: 16px;
            line-height: 1.6em;
            margin: 6px 0 6px 0;
            text-indent: 2em;
            text-align: justify;
        }
        .info-from {
            font-size: 20px;
            text-align: right;
            letter-spacing: 3px;
            cursor: pointer;
        }
        .info-date {
            font-size: 20px;
            text-align: right;
            letter-spacing: 3px;
        }
        .info-logoB {
            position: absolute;
            right: 10px;
            bottom: 10px;
            opacity: .4;
            z-index: 0;
        }
        .info-logoB img {
            width: 180px;
            height: 180px;
        }
        @media (max-width: 960px) {

            .info-main {
                width: calc(100vw - 40px);
                height: 100vh;
                margin: 10vw auto;
                border-radius: 0;
            }
            .info-logo {
                top: 10px;
                left: 6px;
            }
            .info-logo > img {
                width: 30vw;
                height: auto;
            }
        }
    </style>
</head>
<body>
    <div class="info-logo"><img src="http://acgsign.com/wp-content/uploads/2022/08/妖侠都logo00.png" /></div>
    <div class="info-logoB"><img src="img/008.jpg" /></div>
    <div class="info-main">
        <h1 class="info-title">今天小知识《动态权限》</h1>
        <p class="info-to">各位妖侠：</p>
        <p class="info-p">目前通告动态的权限测试结果：</p>
        <p class="info-p">1.回复可见：除发布者外，需要在回复之后才能看见内容</p>
        <p class="info-p">2.认证可见：除发布者外，需要获得妖侠都官方认证的账号才可见</p>
        <p class="info-p">3.付费可见：除发布者外，需要付费才可以看到，且貌似会员有折扣</p>
        <p class="info-p">4.VIP可见：除发布者外，需要开通VIP才可以看见</p>
        <p class="info-p">5.密码可见：除发布者外，需要输入指定密码才可以看见内容</p>
        <p class="info-p">6.粉丝可见：需要成为粉丝（关注）即可看见</p>
        <p class="info-p">7.私密：除发布者外，其他人不可见，且看不到该动态</p>
        <p class="info-from">魁拔官方</p>
        <p class="info-date">2022年9月27日</p>
    </div>
    
</body>

</html>